<template>
  <div class="home">
    <Banner></Banner>
    <JingpinList></JingpinList>
    <HotList></HotList>
    <Strategy></Strategy>
  </div>
</template>

<script>
import Banner from "@/components/Banner.vue";
import JingpinList from "@/components/JingpinList.vue";
import HotList from "@/components/HotList.vue";
import Strategy from "@/components/Strategy.vue";

export default {
  name: "HomeView",

  data() {
    return {
      procuct: {},
    };
  },
  components: { Banner, JingpinList, HotList, Strategy },
};
</script>
<style lang="less" scoped>
.bannerbox {
  margin-bottom: 30px;
}
</style>